<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/vue.min.js" ></script>
	</head>
	<body>
		<div id="app">
			<!--
				if判断需要添加条件,
				else：不需要添加条件
			-->
			<!--<p v-if="ok">我是通过v-if展示出来的 </p>
			<p v-else>我是通过v-else展示出来的</p>-->
			
			<p v-show="ok">我是通过v-show标签展示出来的</p>
			
			<p v-if="code=='A'">A</p>
			<p v-else-if="code=='B'">B</p>
			<p v-else-if="code=='C'">C</p>
			<p v-else>NO A,B,C</p>
			
		</div>
	</body>
	<script type="text/javascript">
		var vm = new Vue({
			el:"#app",
			data:{
				ok:true,
				code:'C'
			}
		})
	</script>
</html>
